<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<head lang="en">
<meta charset="utf-8">
<title>留言板</title>
<meta name="description" content="Free Responsive Html5 Css3 Templates ">
<meta name="author" content="#">
<meta name="viewport"
	content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet"
	href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="./css/zerogrid.css">
<link rel="stylesheet" href="./css/style.css">
<link rel='stylesheet' id='bootstrap-css-css'
	href='./css/bootstrap5152.css?ver=1.0' type='text/css' media='all' />
<link rel='stylesheet' id='responsive-css-css'
	href='./css/responsive5152.css?ver=1.0' type='text/css' media='all' />
<link rel='stylesheet' id='pretty-photo-css-css'
	href='./js/prettyphoto/prettyPhotoaeb9.css?ver=3.1.4' type='text/css'
	media='all' />
<link rel='stylesheet' id='main-css-css'
	href='./css/main5152.css?ver=1.0' type='text/css' media='all' />
<link rel='stylesheet' id='custom-css-css'
	href='./css/custom5152.html?ver=1.0' type='text/css' media='all' />
<link href="./font-awesome/css/font-awesome.min.css" rel="stylesheet"
	type="text/css">
<link href="./css/menu.css" rel="stylesheet">
<script src="./js/jquery1111.min.js" type="text/javascript"></script>
<script src="./js/script.js"></script>
<link href="./owl-carousel/owl.carousel.css" rel="stylesheet">
<style>
.h3margin {
	margin: 0 0;
}

.message-right {
	padding-top: 10px;
}

article {
	margin-bottom: 0px;
}

.support-widget {
	padding: 10px 10px;
}

.p-color-red {
	color: red;
}
</style>
</head>
<body>
	<div class="wrap-body">
		<div id='cssmenu' class="align-center">
			<ul>
					<li>
						<a href='/SSH2/index'><span>班级主页</span></a>
					</li>
					
					<li>
						<a href='/SSH2/culture'><span>班级文化</span></a>
					</li>

					<li class=' has-sub'>
						<a><span>班级成员</span></a>
						<ul>
							<li class='has-sub'>
								<a href="/SSH2/software/showStudent"><span>所有成员</span></a>
							</li>
							<li class='has-sub'>
								<a href='/SSH2/software/showCommittees'><span>班干组成</span></a>
							</li>
						</ul>
					</li>

					<li>
						<a href='/SSH2/showActivity'><span>班级风采</span></a>
					</li>

					<li class="active">
						<a href='/SSH2/showMessages'><span>留言板</span></a>
					</li>
					
					<li class='last'>
						<a href='/SSH2/toAdminLogin'><span>管理员</span></a>
					</li>
				</ul>
		</div>
		<div class="page-container">
			<div class="container">
				<div class="row">
					<div class="span8 page-content">
						<c:if test="${empty requestScope.messagesList}">没有任何留言</c:if>
						<c:if test="${!empty requestScope.messagesList}">
							<c:forEach items="${requestScope.messagesList}" var="message">
								<article class=" type-post format-standard hentry clearfix">
									<div>
										<h3 class="h3margin">${message.getTitle() }</h3>
										<div class="post-meta clearfix">
											<span class="date">${message.getTime() }</span> <span class="category">${message.getName() }</span>
										</div>
										<p>${message.getContents() }</p>
									</div>
								</article>
							</c:forEach>
							<!-- 分页 -->
						<!-- <ul class="pagination">
							<li><a href="">&laquo;</a></li>
							<li class="active"><a href="">1</a></li>
							<li><a href="">&raquo;</a></li>
						</ul> -->
						</c:if>
					</div>
					<!-- end of page content -->

					<!-- start of sidebar -->
					<aside class="span4 page-sidebar message-right">
						<section class="widget">
							<div class="support-widget">
								<h3 class="title">想说就说</h3>
								<p class="intro">说我想说，写我想写，留我想留</p>
								<p class="intro p-color-red">请文明用语！</p>
							</div>
						</section>
						<section class="widget">
							<!--<h3 class="title">Categories</h3>-->
							<ul>
								<li><a href="./leaveMessage.jsp" title="我要留言">我要留言</a></li>
								<li><a href="/SSH2/showMessages" title="查看所有留言">查看所有留言</a></li>
							</ul>
						</section>
					</aside>
					<!-- end of sidebar -->
				</div>
			</div>
		</div>
	</div>
</body>
</html>
